﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test </title>
    <script src="/Scripts/jquery-2.1.1.js"></script>
    <script src="/Scripts/knockout-3.2.0.js"></script>
    <script src="/Scripts/q.min.js"></script>
    <script src="/Scripts/breeze.min.js"></script>
    <script src="/Scripts/Application/SalesOrderEntities.js"></script>
    <script src="/Scripts/Application/SalesOrderMvvm.js"></script>
    <script src="/Scripts/Application/UIIntegration.js"></script>
</head>
<body>
    <input type="button" value="Get Customers" data-bind="event: { click: fetchAllCustomers }" />
    <input type="button" value="Save Changes" data-bind="event: { click: saveChanges }" />

    <select id='CustomerList'
            data-bind="options: customers,
                   value: customer,
                   optionsCaption: 'Select a Customer',
                   optionsText: function (cust) { return cust.FirstName() + ' ' + cust.LastName() }"></select>
    
    <input id='CustId' type="text" data-bind="value: customer() ? customer().LastName : 'Not selected'" />
</body>
</html>
